// let reg=/as{3,8}/;
// let username="a fdsfsd fdsfasfdsa ";
// username.match(reg)
// if(reg.test(username)){
//     return true;
//
// }else {
//     return false;
// }

function save() {
    // let username = document.getElementsByName("username")[0].value;
    let username = $("#username").val();
    let reg = /^[a-zA-Z]\w{5,15}$/;
    // if (reg.test(username)) {
    //     // document.getElementById("usernameTips").innerHTML = "√";
    //     // document.getElementById("usernameTips").style.color = "green";
    //     $("#usernameTips").html("√");
    //     $("#usernameTips").css("color", "green");
    // } else {
    //     // document.getElementById("usernameTips").innerHTML = "你输入的用户名不正确，请重新输入";
    //     // document.getElementById("usernameTips").style.color = "red";
    //     $("#usernameTips").html("你输入的用户名不正确，请重新输入");
    //     $("#usernameTips").css("color", "red");
    // }
    let result = tips(reg, username, "√", "你输入的用户名不正确，请重新输入", "usernameTips");
    if (!result) {
        $("#username").focus();
        return;
    }
    let password = $("#password").val();
    let resultpassword = tips(reg, password, "√", "你输入的密码不正确，请重新输入", "passwordTips");
    // if (reg.test(password)) {
    //     $("#passwordTips").html("√");
    //     $("#passwordTips").css("color", "green");
    // } else {
    //     $("#passwordTips").html("你输入的密码不正确，请重新输入");
    //     $("#passwordTips").css("color", "red");
    // }
    if (!resultpassword) {
        $("#password").focus();
        return;
    }
    let height = $("#height").val();
    height = parseInt(height);
    if (height > 260 || height < 30) {
        $("#height").val("");
        $("#height").focus();
        return;
    }
    //1.js拿到对象
//    2.jQuery引用
//    3.jQuery 常用方法，拿到对象，取值 val(),html(),focus()

//如果所有的验证都完全正确，即可将所有数据拿到，然后传递给后台
    register();
}

// js 数据类型
/**
 * 字符串'fdsa' 不区分单双引号
 * 数值 1.23  包括Java的整形和浮点型
 * 对象 {key:value}
 * 数组  ['','',3,4,""]
 * 布尔  true  false
 *
 * json对象和对象区别？   我们通常将key用引号引起来，叫做json对象
 *
 * 重点：js
 * 正则表达式的验证
 * Ajax  jQuery
 * js对象
 * fastjson后台返回json对象
 *
 *
 *
 */
function getHobby() {
    let hobby = '';
    $('input:checkbox[name=hobby]').each(function () {
        if ($(this).attr('checked') == "checked") {
            hobby += $(this).val() + ",";
        }
    });
    return hobby;
}

function register() {
    let data = {
        username: $("#username").val(),
        password: $("#password").val(),
        code: $("#code").val(),
        sex: $("input[type=radio][name=sex]:checked").val(),
        birthday: $("#birthday").val(),
        height: $("#height").val(),
        email: $("#email").val(),
        hobby: getHobby()
    };

    $.ajax({
        url: '/register',//访问后台servlet的地址
        data: data,
        type: 'post',
        dataType: 'json',
        success: function (data) {
            console.log(data);
            console.log(data.result);
            if (data.result == '注册成功') {
                sessionStorage.setItem("username", data.username);
                // localStorage.setItem("username", data.username);
                window.location.href = "/html/login.html";
                // window.open("url","");
            }
        }
    })
}

function tips(reg, value, success, error, id) {
    if (reg.test(value)) {
        $("#" + id).html(success);
        $("#" + id).css("color", "green");
        return true;
    } else {
        $("#" + id).html(error);
        $("#" + id).css("color", "red");
        return false;
    }

}